<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<style>
		body {
			margin: 10;
			font-size: 62.5%;
			line-height: 1.5;
		}

		.blue-button {
			background: #25A6E1;
			padding: 3px 20px;
			color: #fff;
			font-size: 10px;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 4px;
			border: 1px solid #1A87B9
		}

		table {
			width: 60%;
		}

		tr:hover {
			background-color: #FFFACD;
		}

		th {
			background: SteelBlue;
			color: white;
		}

		td,
		th {
			border: 1px solid gray;
			font-size: 12px;
			text-align: center;
			padding: 5px 10px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			max-width: 200px;
			white-space: nowrap;
			text-overflow: ellipsis;
			text-overflow: ellipsis;
		}
	</style>
</head>
<title>系统管理界面</title>
<body>
	<div class="wrapper-page">
		<table align="center">
			<tr>
				<th colspan="4">Navigate</th>
			</tr>
			<tr>
				<td><a href="/index" target="_self">index</a></td>
				<td><a href="/404/" target="_self">出错页面</a></td>
				<td><a href="/doc.html" target="_blank">doc.html</a></td>
			</tr>
		</table>
	</div>
	<h5></h5>
	<div class="wrapper-page">
		<table align="center">
			<tr>
				<th colspan="3">登录系统</th>
			</tr>
			<tr th:if="${isLogin!=true}">
				<td colspan="3" style="text-align: center;">
					<form action="/login" method="post">
						<span style="color:red;">token</span>
						<input name="token" type="password" size="36" maxlength="36" />
						<input type="submit" class="blue-button" value="登 录" />
					</form>
				</td>
			</tr>
			<tr th:if="${isLogin}">
				<td colspan="3" style="text-align: right;">
					<span style="color:red;" th:text="|token有效期${sysTokenTime?:'暂无'}|"></span>
					<a href="/logout"> 退出登录 </a>
				</td>
			</tr>
		</table>
	</div>
	<h3></h3>
	<div th:if="${isLogin==true}" class="wrapper-page">
		<table align="center">
			<tr>
				<th>文本</th>
			</tr>
			<tr>
				<td style="text-align:left;">
					<form action="/urls/submit" method="post">
						<textarea id="text" name="data" style="width:100%; height: 600px;" th:text="${text}" />
						<br><br>
						<input type="button" class="blue-button" value="清空文本"  onclick="javaScript:document.getElementById('text').value=''" />
						<input type="submit" class="blue-button" />
					</form>
				</td>
			</tr>
		</table>
	</div>
</body>

</html>